<template>
	<div class="footer_">
		<div class="footer clear">
			<div class="aboutus left">
				<h4><span>关于我们</span></h4>
				<p>CCDI版权云，即“国家数字音像传播服务平台”，是国家“十二五规划”文化市场技术监管平台建设项目，由中云文化大数据科技有限公司开发建设，旨在为政府、行业与商用提供一套切实可行的解决方案，即建设一个国家级数字版权公共服务平台。</p>
			</div>
			<div class="contactus left">
				<h4><span>联系我们</span></h4>
				<p>客服热线：010-88888888</p>
				<p>商业合作：010-88888888</p>
			</div>
			<div class="links left">
				<h4><span>友情链接</span></h4>
				<p><a href="javascript:void(0);">国家版权局</a></p>
				<p><a href="javascript:void(0);">中国版权保护中心</a></p>
				<p><a href="javascript:void(0);">贵州省新闻出版广电（版权）局</a></p>
			</div>
			<div class="share">
				<svg class="icon" aria-hidden="true">
					<use xlink:href="#weixin"></use>
				</svg>
				<svg class="icon" aria-hidden="true">
					<use xlink:href="#weibo"></use>
				</svg>
				<svg class="icon" aria-hidden="true">
					<use xlink:href="#qq"></use>
				</svg>
			</div>
		</div>
		<div class="copyright">Copyright © 2017 中云文化大数据科技有限公司  版权所有</div>
	</div>
</template>

<style lang="scss" scoped>
	.footer_ {
		width: 100%;
		min-width: 1200px;
		background-color: #2A303C;
		padding: 60px 0;
		.footer {
			width: 1200px;
			margin: 0 auto;
			font-size: 14px;
			color: #ccc;
			h4 {
				color: #fff;
				padding-bottom: 27px;
				span {
					padding-bottom: 14px;
					border-bottom: 3px solid #be1414;
				}
			}
			p {
				line-height: 23px;
			}
			.left {
				margin-right: 80px;
			}
			.aboutus {
				width: 380px;
			}
			.contactus {
				width: 180px;
			}
			.links {
				width: 200px;
				a {
					color:#ccc;
				}
			}
			.share {
				float: right;
				padding-top: 40px;
				font-size: 40px;
				.icon {
					margin: 0 5px;
					cursor: pointer;
				}
			}
		}
		.copyright {
			font-size: 14px;
			color:#ccc;
			text-align: center;
			padding-top: 30px;
		}
	}
</style>
